import { Dimensions } from 'react-native'
const { width, height } = Dimensions.get('window')
const bannerHeight = 113;
const headerHeight = 41;
const tabHeight = 58;
const searchBarHeight = 44;
const Style = {
  //loding
  width: width,
  height: height,
  bannerHeight: bannerHeight,
  headerHeight: headerHeight,
  tabHeight: tabHeight,
  ViewHeight: height - headerHeight - tabHeight,
  ViewHeightD: height - headerHeight,
  widthFull: {
    width: width
  },
  heightFull: {
    height: height
  },
  flex1: {
    flex: 1
  },
  centered: {
    flex: 1,
    alignSelf: 'center',
  },
  center: {
    justifyContent: 'center',
    alignItems: 'center'
  },
  dfr: {
    flexDirection: 'row' //伸缩盒从左到右
  },
  dfc: {
    flexDirection: 'column' //伸缩盒从上到下
  },
  //justifyContent
  jsfs: {
    justifyContent: 'flex-start',
  },
  jsfe: {
    justifyContent: 'flex-end',
  },
  jsc: {
    justifyContent: 'center',
  },
  jssb: {
    justifyContent: 'space-between',
  },
  jssa: {
    justifyContent: 'space-around',
  },
  //alignItems
  aifs: {
    alignItems: 'flex-start'
  },
  aife: {
    alignItems: 'flex-end'
  },
  aic: {
    alignItems: 'center'
  },
  aib: {
    alignItems: 'baseline'
  },
  //alignSelf
  asfs: {
    alignSelf: 'flex-start'
  },
  asfe: {
    alignSelf: 'flex-end'
  },
  asc: {
    alignSelf: 'center'
  },
  asb: {
    alignSelf: 'baseline'
  },
  //flexWrap
  fww: {
    flexWrap: 'wrap',
  },

  //searchbar
  searchWrapper: {
    height: searchBarHeight,
    flexDirection: 'row',
    alignItems: 'center',
    width: width

    // backgroundColor:'red'
  },

  //fontsize
  f12: {
    fontSize: 12
  },
  f13: {
    fontSize: 13
  },
  f14: {
    fontSize: 14
  },
  f16: {
    fontSize: 16
  },
  f17: {
    fontSize: 17
  },
  f18: {
    fontSize: 18
  },

  //color
  colorGreen: {
    color: '#1aad19'
  },
  colorWarining: {
    color: '#f60'
  },
  colorError: {
    color: '#f6383a'
  },
  colorBlack: {
    color: '#000'
  },
  color607d8b: {
    color: '#607d8b'
  },
  colorff9800: {
    color: '#ff9800'
  },
  color999: {
    color: '#999'
  },
  colorMain: {
    color: '#09bb07'
  },
  //margin
  ml5: {
    marginLeft: 5,
  },
  ml10: {
    marginLeft: 10,
  },

  //
  gap: {
    height: 20,
    width: width,
    borderColor: '#e5e5e5',
    borderStyle: 'solid',
    borderBottomWidth: 1,
  },
  gapTop: {
    borderTopWidth: 1,
  },
  bottom: {
    width: width,
    height: 1,
    borderColor: '#e5e5e5',
    borderStyle: 'solid',
    borderBottomWidth: 1,
  },
mainAddButton: {
    width: width,
    alignItems: 'center',
    backgroundColor: '#fff',
    paddingBottom: 10,
    paddingTop: 10
  }
}

export default Style